<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">        
        <title>JKar Escuro</title>
        <style>
            body{
                background-image:url(imagens/bg1.jpg);
                background-repeat:no-repeat;
                background-size:cover; 
            }
            #container{
                width:1000px;
                height:auto;
                padding:0px;
                margin:0px auto;
/*                background-color:#6c849c;
                background:rgba(255,255,255,0.5);*/
            }
            header, nav, section, footer {
                width:100%;
                padding:0px;
                margin:0px auto;                
            }
            nav, section, footer {
                background:rgba(46,71,78,0.7);               
            }
            header{
                height:100px;
            }
            nav{
                height:30px;
            }
            section{
                height:600px;
                /*background:rgba(204,204,204,0.9);*/
            }
            footer{
                height:60px;
            }
        </style>
    </head>
    
    <body>
        <div id="container">
            <header>
                <h1>Cabeçalho</h1>
            </header>
            <nav>
                <a href="index.jsp" target="_blank">Home</a>
                <a href=".jsp" target="_blank">Institucional</a>
                <a href=".jsp" target="_blank">Serviços</a>
                <a href=".jsp" target="_blank">Contato</a>
            </nav>
            <section>          
                <p>Conteúdo</p>
            </section>
            <footer>    
                <p>Rodapé</p>
            </footer>                
        </div><!--fim de #CONTAINER-->        
        <script src="bootstrap/js/jquery.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
    </body>
</html>


